import { StyleSheet } from 'react-native';
import { t } from 'react-native-tailwindcss';
import colors from '../../constants/colors';

export default StyleSheet.create({
  financialStateContainer: {
    ...t.flex1,
  },
  financialStateWrapper: {
    ...t.pT10,
    ...t.pX12,
  },
  fsItem: {
    ...t.roundedLg,
    ...t.mB10,
    ...t.flex,
    ...t.justifyBetween,
    ...t.itemsCenter,
    ...t.flexRow,
    ...t.p10,
  },
  fsItem_1: {
    backgroundColor: colors.bgColor1,
  },
  fsItem_2: {
    backgroundColor: colors.bgColor2,
  },
  fsItem_3: {
    backgroundColor: colors.bgColor3,
  },
  fsItem_4: {
    backgroundColor: colors.bgColor4,
  },
  fsItem_5: {
    backgroundColor: colors.bgColor5,
  },
  fsItemLeftTit: {
    ...t.textWhite,
    ...t.text4xl,
  },
  fsItemLeftSubTit: {
    ...t.textWhite,
    ...t.textXl,
    ...t.mT2,
  },
  fsItemRightVLine: {
    ...t.wPx,
    ...t.h8,
    ...t.rounded,
    ...t.bgWhite,
    ...t.mR3,
  },
  fsItemItemLeft: {
    ...t.flex1,
  },
  fsItemItemRight: {
    ...t.w16,
    ...t.flex,
    ...t.justifyBetween,
    ...t.itemsCenter,
    ...t.flexRow,
  },

  fsItemRightInterTxt: {
    ...t.textWhite,
  },
});
